<template>
    <div class="baojie-top">
      <a :href="yyFree()">
        <img :src="this.freeImgLink" alt="">
        <div class="baojie-free">您的免费保洁服务还剩余 <span>{{ this.cleanTimes }}</span> 次</div>
      </a>
    </div>
</template>

<script>
export default {
  props:{
    freebj:{
        type:Object,
        required:true,
        default:()=>{
          return {}
        }
    }
  },
  methods:{
    yyFree(){
      return "/yuyuefree"
    }
  },
  computed:{
    cleanTimes(){
      return this.freebj.cleaningTimes;
    },
    freeImgLink(){
      //之前是要判断数据是否存在，因为异步获取数据，开始时为 undefined 
      // if(this.freebj.image){
      //   return this.freebj.image[0];
      // }else{
      //   return '';
      // }
       return this.freebj.image;
    }
  }
}
</script>

